.main-community-app{
  width: 102%;
  height: 93vh;
  background-color: rgb(243, 241, 242);
  position: relative;
  overflow: scroll;
  margin-bottom: 1.3414634146341464rem;
  .main-community-header-exchangerecord {
      height: 1.2195121951219512rem;
      background-color: rgb(255, 255, 255);
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 0.24390243902439024rem;
      align-items: center;
      .main-community-header-con {
          display: flex;
          flex-direction: row;
          align-items: center;
          .main-community-header-con-span-one {
              font-size: 0.3902439024390244rem;
              font-weight: 800;
         }
          .main-community-header-con-span-two {
              font-size: 0.3902439024390244rem;
              font-weight: 800;
              margin-left: 0.14634146341463414rem;
         }
     }
      h4 {
          font-size: 0.43902439024390244rem;
          line-height: 0.8536585365853658rem;
     }
      img {
          width: 0.4878048780487805rem;
          height: 0.4878048780487805rem;
     }
 }
  .main-community-content {
      display: flex;
      flex-direction: column;
      height: auto;
      width: 100%;
      padding: 0.24390243902439024rem;
      background: rgba(255,255,255,0.7);
      margin-top: 0.24390243902439024rem;
      .main-community-content-header {
          display: flex;
          flex-direction: row;
          margin-left: 0.24390243902439024rem;
          img {
              width: 0.975609756097561rem;
              height: 0.975609756097561rem;
              border-radius: 0.975609756097561rem;
         }
          .main-community-content-right {
              display: flex;
              flex-direction: column;
              line-height: 0.5365853658536586rem;
              margin-left: 0.24390243902439024rem;
              .main-community-content-title {
                  font-size: 0.4878048780487805rem;
                  font-weight: 600;
                  color: skyblue;
             }
              .main-community-content-desc {
                  font-size: 0.3902439024390244rem;
                  margin-top: 0.14634146341463414rem;
                  height: auto;
                  overflow: hidden;
                  padding-right: 0.24390243902439024rem;
             }
         }
     }
      .main-community-content-images {
          display: flex;
          flex-direction: row;
          justify-content: start;
          flex-wrap: wrap;
          img {
              width: 2.4390243902439024rem;
              height: 2.4390243902439024rem;
              margin-left: 0.5609756097560976rem;
              margin-top: 0.2926829268292683rem;
         }
     }
 }
  .main-community-button {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      height: 0.975609756097561rem;
      padding: 0.0975609756097561rem;
      padding-left: 0.4878048780487805rem;
      padding-right: 0.4878048780487805rem;
      margin-top: 0.04878048780487805rem;
      .main-community-left-start {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          img {
              width: 0.5853658536585366rem;
              height: 0.5853658536585366rem;
         }
          h2 {
              font-size: 0.3902439024390244rem;
              font-weight: normal;
              margin-left: 0.0975609756097561rem;
         }
     }
      .main-communit-content-posts {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          img {
              width: 0.5853658536585366rem;
              height: 0.5853658536585366rem;
         }
          h3 {
              font-size: 0.3902439024390244rem;
              font-weight: normal;
              margin-left: 0.0975609756097561rem;
         }
     }
      .main-communit-content-right {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          img {
              width: 0.5853658536585366rem;
              height: 0.5853658536585366rem;
         }
          h3 {
              font-size: 0.3902439024390244rem;
              font-weight: normal;
              margin-left: 0.0975609756097561rem;
         }
     }
 }
  .main-communit-footer-app{
      .main-communit-content-button-footer {
          display: flex;
          flex-direction: column;
          position: fixed;
          bottom: 0rem;
          width: 104%;
          height: 9.75609756097561rem;
          background: white;
          overflow: scroll;
          border-radius: 0.975609756097561rem 0.975609756097561rem 0rem 0rem;
          left: -2%;
          box-shadow:0rem 0rem 0.24390243902439024rem #ccc;
          z-index: 1000;
          margin-bottom: 0.9512195121951219rem;
          h2 {
              text-align: center;
              line-height: 0.6829268292682927rem;
              margin-top: 0.4878048780487805rem;
         }
          .main-communit-clear{
              width: 100%;
              position: relative;
              h5{
                  width: 0.24390243902439024rem;
                  height: 0.24390243902439024rem;
                  color: #ccc;
                  font-size: 1.2195121951219512rem;
                  align-items: flex-end;
                  position: absolute;
                  right: 1.3414634146341464rem;
                  top: -1.2195121951219512rem;
             }
         }
          .main-communit-content-button-bot {
              display: flex;
              flex-direction: column;
              padding: 0.4878048780487805rem;
              .main-communit-content-button-posts {
                  .main-comunity-content-nickName-images {
                      display: flex;
                      flex-direction: row;
                      img {
                          width: 0.7317073170731707rem;
                          height: 0.7317073170731707rem;
                          border-radius: 0.7317073170731707rem;
                     }
                      .main-community-content-button-tit {
                          display: flex;
                          flex-direction: column;
                          margin-left: 0.24390243902439024rem;
                          padding-right: 0.24390243902439024rem;
                          .main-community-content-button-title {
                              font-size: 0.43902439024390244rem;
                              font-weight: 700;
                         }
                          .main-community-content-button-desc {
                              font-size: 0.34146341463414637rem;
                              line-height: 0.6341463414634146rem;
                              margin-top: 0.14634146341463414rem;
                              height: auto;
                              overflow: hidden;
                         }
                     }
                 }
             }
              h3 {
                  text-align: end;
                  margin-right: 0.4878048780487805rem;
                  margin-top: 0.14634146341463414rem;
             }
         }
          .main-communit-content-button-input{
              position: fixed;
              bottom: 0rem;
              width: 104%;
              height: 1.1219512195121952rem;
              background: orange;
              display: flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;
              .main-communit-input-item {
                  padding-right: 0.24390243902439024rem;
                  width: 80%;
                  inputitem {
                 }
             }
              .main-communit-input-send-message {
                  font-size: 0.3902439024390244rem;
                  color: #fff;
                  text-align: center;
             }
         }
     }
 }
  .main-coummunity-button-start{
      position: fixed;
      height: 100%;
      width: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 800;
      top: 0rem;
 }
  .main-community-button-send{
      position: fixed;
      right: 0.975609756097561rem;
      width: 1.951219512195122rem;
      height: 1.951219512195122rem;
      background: linear-gradient(-111deg, red, yellow);
      border-radius: 1.951219512195122rem;
      line-height: 1.951219512195122rem;
      text-align: center;
      font-size: 0.4878048780487805rem;
      color: #002;
      box-shadow:0rem 0rem 0.24390243902439024rem rgb(204, 204, 204);
      font-weight: 900;
 }
  #main-community-start-bottom{
      line-height: 1.7073170731707317rem;
 }

  #main-community-start-bottom-post{
    width: 1.853658536585366rem;
    height: 1.853658536585366rem;
    background: linear-gradient(-111deg, red, yellow);
    position: fixed;
    bottom: 3rem;
    margin-left: 7.682926829268293rem;
    border-radius: 1.853658536585366rem;
    font-size: 0.4878048780487805rem;
    color: rgb(0, 0, 34);
    line-height: 1.853658536585366rem;
   }
}
